<template>
  <el-timeline>
    <el-timeline-item
      v-for="item in timeLineList"
      :key="item.create_time"
      :timestamp="item.create_time"
      placement="top"
    >
      <el-card>
        <h4>{{ item.title }}</h4>
        <p>{{ item.info }}</p>
      </el-card>
    </el-timeline-item>
  </el-timeline>
</template>
<script setup lang="ts">
const props = withDefaults(defineProps<{ row: Record<string, unknown> | any }>(), {
  row: () => ({})
})

const timeLineList = ref<any[]>([])

watch(
  () => props.row,
  () => {
    if (props.row.logger) timeLineList.value = props.row.logger
  }
)
</script>
<style lang="less" scoped></style>
